<?php include '_init_.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta property="fb:app_id" content="<?php echo constant('FACEBOOK_APP_ID');?>" />
<meta property="og:image" content="<?php echo $GLOBALS['META_FB_IMAGE'];?>"/>
<meta property="og:title" content="<?php echo $GLOBALS['META_FB_TITLE'];?>"/>
<meta property="og:site_name" content="Benetton"/>
<meta property="og:type" content="wedding photo"/>
<meta property="og:url" content="<?php echo $GLOBALS['META_FB_URL'];?>"/>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="<?php echo $GLOBALS['PAGE_ROW_DATA']['meta_description'];?>" />
<meta name="KEYWORDS" CONTENT="<?php echo $GLOBALS['PAGE_ROW_DATA']['meta_keyword'];?>" />
<meta name="rating" CONTENT="general" /> 
<meta name="robots" content="index,follow"/>
<META HTTP-EQUIV="Pragma" CONTENT="no_cache">
<title> [ 班尼頓 <?php echo $GLOBALS['GV_ARTICLE_SUB_CAT'][$GLOBALS['PAGE_ROW_DATA']['cat_id']][$GLOBALS['PAGE_ROW_DATA']['sub_cat_id']];?> ] <?php echo $GLOBALS['PAGE_ROW_DATA']['title'];?> </title>
<link href="css/bodyc.css" rel="stylesheet" type="text/css" />
<?php if ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 1 ) :?>
<link href="css/people.css" rel="stylesheet" type="text/css" />
<?php elseif ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 2 ):?>
<link href="css/news.css" rel="stylesheet" type="text/css" />
<?php endif;?>
<link href="css/contact.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/image.gallery2.js"></script>
<script type="text/javascript">
  $(function(){
  	$('#contacte').show();
  	page_transition.init({left:'0'});
  });
</script>
	<script type="text/javascript">
	$(document).ready(function(){
		$(".hoverLeftbtn1 , .hoverLeftbtn2 , .hoverLeftbtn3 , .hoverLeftbtn4 , .hoverLeftbtn5, .hoverLeftbtn6").css("opacity","0");
		$(".hoverLeftbtn1 , .hoverLeftbtn2 , .hoverLeftbtn3 , .hoverLeftbtn4 , .hoverLeftbtn5, .hoverLeftbtn6").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
		});
	</script>
<script type="text/javascript">
	//  右邊廣告選單 當網頁載入完
	$(window).load(function(){
		var $win = $(window),
			$ad = $('#right_ad').css('opacity', 0).show(),	// 讓廣告區塊變透明且顯示出來
			_width = $ad.width(),
			_height = $ad.height(),
			_diffY = 20, _diffX = 21,	// 距離右及上方邊距
			_moveSpeed = 1000;	// 移動的速度
		
		// 先把 #abgne_float_ad 移動到定點
		$ad.css({
			top: _diffY,	// 往上
			left: $win.width() - _width - _diffX,
			opacity: 1
		});
		
		// 幫網頁加上 scroll 及 resize 事件
		$win.bind('scroll resize', function(){
			var $this = $(this);
			
			// 控制 #abgne_float_ad 的移動
			$ad.stop().animate({
				top: $this.scrollTop() + _diffY,	// 往上
				left: $this.scrollLeft() + $this.width() - _width - _diffX
			}, _moveSpeed);
		}).scroll();	// 觸發一次 scroll()
		
		// 關閉廣告
		$('#right_ad .close_ad').click(function(){
			$ad.hide();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		// 幫 #menu li 加上 hover 事件
		$('#menu>li').hover(function(){
			// 先找到 li 中的子選單
			var _this = $(this),
				_subnav = _this.children('ul');
			
			// 變更目前母選項的背景顏色
			// 同時淡入子選單(如果有的話)
			_this.css('backgroundColor', '#fff');
			_subnav.stop(true, true).fadeIn(400);
		} , function(){
			// 變更目前母選項的背景顏色
			// 同時淡出子選單(如果有的話)
			// 也可以把整句拆成上面的寫法
			$(this).css('backgroundColor', 'fff').children('ul').stop(true, true).fadeOut(400);
		});
		
		// 取消超連結的虛線框
		$('a').focus(function(){
			this.blur();
		});
	});
</script>
</head>

<body>
<?php include('facebook-js-lib.php');?>
<div id="wrap"><!-- star #wrap //-->
<div id="contact-body" class="clearfix"><!-- star #main //-->

<?php include_once('topb.php');?>

<div id="main-body" class="clearfix"><!-- star #contact-body //-->
<?php include_once('top-ad.php');?>
<?php 
if ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 1 ) {
	include('btn-people.php');
}else if ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 2 ) {
	include('btn-news.php');
}

?>
<div id="contact"><!-- star #contact //-->
  <ul>
      <li class="tit-a">
      <?php if ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 2):?>
      <h1> 活動訊息 </h1>
      <h4> ベネトンの写真最新のイベント </h4>
      <?php elseif ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] ==1):?>
      <h1> 名人/達人主題專區 </h1>
      <h4> セレブリティ/人のテーマゾーン </h4>
      <?php endif;?>
    </li>
  </ul>
<div id="contacte-tit"><!-- star #contacte-tit //-->
 <ul>
 <li class="contacte-titc">
    <p class="contacte-titc1"><?php echo $GLOBALS['GV_ARTICLE_SUB_CAT'][$GLOBALS['PAGE_ROW_DATA']['cat_id']][$GLOBALS['PAGE_ROW_DATA']['sub_cat_id']];?> </p>
    <p class="contacte-titc2"><?php echo date('Y . M . d', strtotime($GLOBALS['PAGE_ROW_DATA']['date']));?></p>
    </li>
 <li class="contacte-tita"><h3><?php echo $GLOBALS['PAGE_ROW_DATA']['title'];?></h3></li>
     </ul>
  
  </div><!-- end #contacte-tit //-->

  <div id="contacte-main"><!-- star #contacte-main //-->
   <script type="text/javascript" language="javascript"> 
function iFrameHeight() { 
var ifm= document.getElementById("iframepage"); 
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; 
if(ifm != null && subWeb != null) { 
ifm.height = subWeb.body.scrollHeight; 
} 
} 
</script> 
  <iframe src="article-content-fram.php?id=<?php echo $GLOBALS['PAGE_ROW_DATA']['id'];?>" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>
 
  </div> <!-- .article-content //-->
   <div id="contacte-menber2"><!-- star #contacte-menber 按贊語法修正位置 //-->
   <?php 
         $fb_link_url = constant('SITE_URL_PATH').'/contacta.php?id='.$GLOBALS['PAGE_ROW_DATA']['id'];
         ?>
   <div href="<?php echo $fb_link_url;?>" class="fb-like" data-width="710" data-show-faces="true"></div>
  </div> <!-- end #contacte-menber 按贊語法修正位置 //-->
  <?php if($GLOBALS['PAGE_SHOW_PRINT_LINK']):?>
 <div id="contacte-menber"><!-- star #contacte-menber //-->
  <?php if ( !$GLOBALS['PAGE_DATA_MEM_HAS_LOGIN']):?>
   <a href="#login" onclick="javascript:login(1118);return false;">會員專屬列印優惠卷，請登入會員後，即可直接列印。</a> 
  <?php else:?>
   <a href="menberg.php?id=<?php echo $GLOBALS['PAGE_ROW_DATA']['id'];?>" target="_blank">會員專屬列印優惠卷，請登入會員後，即可直接列印。</a> 
  <?php endif;?>
    </div><!-- end #contacte-main //-->
    <?php endif;?>
    
 </div><!-- end #contact //-->
  <div id="contacteD"><!-- star #contacteD //-->
  <?php 
  if ( $GLOBALS['PAGE_ROW_DATA']['cat_id'] == 1 ) {
  	$title = '您可能有興趣的相關文章';
    $width=280;
    $height=187;
  }else{
  	$title = '關於班尼頓廣告風格攝影的相關訊息';
  	$width=140;
  	$height=140;
  }
  ?>
 <ul>
    <li class="cd-a"><?php echo $title;?></li>
    </ul>
    <?php foreach($GLOBALS['PAGE_RELATIVE_DATA'] as $row):?>
     <ul>
    <li class="cd-c"><h3><?php echo $row['title'];?></h3></li>
     <li class="cd-b"> <a href="<?php echo $GLOBALS['APP_INSTANCE']->get_article_detail_page_url($row);?>"><img src="img/article/<?php echo $row['img_path'];?>" width="<?php echo $width;?>" height="<?php echo $height;?>" /></a> </li>
    </ul>
    <?php endforeach;?>
    
</div><!-- end #contacteD //-->
</div><!-- end #contact //-->

</div><!-- end #contact //-->
</div><!-- end #main //-->
</div><!-- end #wrap //-->
<?php include_once('right-ad.php');?>
  <?php include_once('footer.php');?>
</body>
</html>